<template>
    <div class="coupon" @click="gotoCouponList">
        <div class="left">优惠劵秒杀活动</div>
        <div class="right">进入</div>
    </div>
</template>

<script>
    export default{
        methods:{
            gotoCouponList(){
                this.$router.push({name: 'couponList'})
            }
        }
    }
</script>

<style scoped>
    .coupon{
        width: 80%;

        display: flex;
        justify-content: space-between;

        margin:auto;

        margin-top:10px;

        padding:10px;
        border-radius: 8px;

        background-color: white;;
    }
</style>